<template>
  <div id="list-box" class="component-wrap">
    <div class="box box-shadow">
      <table>
        <tr>
          <td>资产编码： </td>
          <td>{{item.assetCode}}</td>
        </tr>
        <tr>
          <td>资产名称：</td>
          <td>{{item.assetName}}</td>
        </tr>
        <tr>
          <td>资产大类：</td>
          <td>{{item.assetType}}</td>
        </tr>
        <tr>
          <td>资产小类：</td>
          <td>{{item.assetGroup}}</td>
        </tr>
        <tr>
          <td>组织：</td>
          <td>{{item.assetOri}}</td>
        </tr>
        <tr>
          <td>位置：</td>
          <td>{{item.assetPosition}}</td>
        </tr>
      </table>
      <img src="../../assets/label2_inventoryprofit@3x.png" class="asset-status"/>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {
    name: "list",
    props: ["item"]
  }
</script>

<style scoped>
  .box {
    position: relative;
  }
  .asset-status {
    position: absolute;
    top: 0;
    right: 0;
    width: 5rem;
  }
</style>
